import React, { Component } from 'react'
// 导入该模块，解析urlencode字符串，react中自带，不需要安装
import qs from "querystring"
export default class Detail extends Component {
    state={
        info:[
            {id:1,name:"奥迪"},
            {id:2,name:"别克"},
            {id:3,name:"奔驰"}
        ]
    }
    render() {
        // // 1. 通过params传参，组件接收参数 
        // console.log(this.props)
        // const {id,content}=this.props.match.params;
        // const{info}=this.state
        // const showData=info.find((infoObj)=>{
        //     return infoObj.id==id 
        // })

        // // 2.search传参
        // console.log(this.props)
        // const {search}=this.props.location
        // // 得到的search='?id=3&&content=message3'，用qs.parse来解析成数组
        // const {id,content}=qs.parse(search.slice(1))
        // const{info}=this.state
        // const showData=info.find((infoObj)=>{
        //     return infoObj.id==id 
        // })

        // 3.state传参，
        console.log(this.props)
        const {id,content}=this.props.location.state||{}
        const{info}=this.state
        const showData=info.find((infoObj)=>{
            return infoObj.id==id 
        })||{}
        return (
            <li>
                {showData.id}---{showData.name}---{content}
            </li>
        )
    }
}
